<script setup>
import {useRouter} from "vue-router";
const router=useRouter();
import {ref} from "vue";


const loading = ref(false);
const finished = ref(false);

const orderInfo = ref({
  receiver: '吴彦祖',
  phone: '13821577777',
  address: '上海市闵行区平盛镇购物中心5楼201',
  courseName: '【2020】快题设计冲刺班',
  orderNumber: '2020021421441132001027760091',
  orderTime: '2020-02-14 15:44:11',
  totalPrice: 1888,
  payAmount: 1888.88,
  message: '一旦签收，逾期将直接扣除学费'
});
const onClickLeft1=()=>{
  router.push('/orderList')
}
const onClickLeft2=()=>{
  router.push('/orderListUpdate')
}
</script>

<template>
<h1>我叫喻文波</h1>

  <div class="order-detail">
    <van-cell title="订单详情" is-link>

    </van-cell>
    <van-nav-bar
        title="我的消息"
        left-text="返回"
        left-arrow
        @click-left="onClickLeft1"
    />

    <van-cell-group>
      <van-cell title="等待买家付款" value="￥10.00" />
      <van-cell title="收货人" value="吴彦祖" is-link @click="onClickLeft2" />
      <van-cell title="联系电话" value="13821577777" is-link />
      <van-cell title="收货地址" value="上海市闵行区平盛镇购物中心5楼201" is-link />
    </van-cell-group>
    <van-divider content="【2020】快题设计冲刺班" />
    <van-cell-group>
      <van-cell title="上课教材" description="一旦签收，逾期将直接扣除学费" is-link />
    </van-cell-group>
    <van-divider />
    <van-cell-group>
      <van-cell title="订单编号" value="2020021421441132001027760091" />
      <van-cell title="下单时间" value="2020-02-14 15:44:11" />
      <van-cell title="商品总价" value="￥1888.00" />
      <van-cell title="需支付" value="￥1888.88" />
    </van-cell-group>
    <van-button block type="primary">联系客服</van-button>
    <van-button block type="danger">取消订单</van-button>
  </div>
</template>

<style scoped>

</style>